// Place all the styles related to the grids controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
html,body{padding:0px; margin:0px;height:100%; overflow:auto; _overflow:hidden; font-family:Microsoft YaHei;}
html>body{ width:auto; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}

a{text-decoration:none;color:#777f8b}

.hd {
	position:absolute;
	left:0;
	top:0px;
	right:0px;
	height:65px;
	background:url(/assets/controls.jpg);
	border-bottom:1px solid #1d2124;
}

.tool-plus{
  padding-top:30px;
  padding-left:220px;
  }

.left {
	width:220px;
	border-right:1px solid #bfbfbf;
	float:left;
	background:#e2e5e9;
	position:absolute;
	left:0;
	top:66px;
	bottom:0;
	overflow-Y:auto;
}
.main_topper {
	left:221px;
	top:66px;
	right:0px;
	position:absolute;
	height:40px;
	background:url(/assets/controls.jpg) 0 -170px;
	border-top:1px solid #e6e9ed;
	border-bottom:1px solid #c8c8c8;
}
.main {
	left:221px;
	top:108px;
	right:0px;
	bottom:0;
	position:absolute;
	overflow-Y:auto;
  background-color:#fff;
}
/*兼容IE6*/
html {
	_padding:65px 0 0 0;
}
.hd {
	_position:relative;
	_margin-top:-65px;
}
.left {
	_position:relative;
	_height:100%;
	_top:0px;
}
.main_topper {
	_position:relative;
	_left:-3px;
	_top:0px;
}
.main {
	_position:relative;
	_height:100%;
	_left:-3px;
	_top:0px;
	_bottom:0px;
}
/*MENU*/
.menu {
	width:100%;
}
.menuitem {
	width:inherit;
}
.m_title, .m_title h3, .m_subtitle {
	font-weight:bold;
	display:block;
	text-shadow: #fff 0px 1px 1px;
}
.m_title {
	width:220px;
	border-top:1px solid #95999e;
	border-bottom:1px solid #7a818a;
	height:40px;
	background:url(/assets/controls.jpg) 0px -75px;
}
.m_title h3 {
	color:#3c444b;
	padding-left:15px;
	line-height:40px;
	font-size:14px;
	float:left;
	margin:0px;
}
.m_title .span {
	width:25px;
	height:25px;
	line-height:25px;
	margin-top:9px;
	float:right;
	margin-right:9px;
}
.m_subtitle {
	color:#777f8b;
	width:inherit;
	height:35px;
	font-size:12px;
	border-top:1px solid #e2e5e9;
	border-bottom:1px solid #e2e5e9;
}
.m_subtitle:hover {
	background:url(/assets/controls.jpg) 0 -125px;
	height:35px;
	border-top:1px solid #46746a;
	border-bottom:1px solid #216f5e;
	color:#FFF;
	text-shadow: #333 0px -1px 1px;
}
.m_subtitle span {
	float:left;
	_display:inline;
}
.m_ico {
	margin-left:5px;
	margin-top:7px;
	overflow:hidden;
}
.m_ico.c1 {
	background:#26ae90;
	border:1px solid #0a927c;
}
.m_ico.c2 {
	background:#4183c4;
	border:1px solid #326699;
}
.m_ico.c3 {
	background:#ea4c89;
	border:1px solid #b33666;
}
.m_msgbox {
	float:right;
	width:15px;
	height:15px;
	line-height:15px;
	margin-top:9px;
	overflow:hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:#b4b9be;
	border:1px solid #7c858d;
	text-align:center;
	right:15px;
	position:absolute;
}
.m_name {
	margin-left:8px;
	line-height:35px;
}

a {text-decoration:none;}

.m_subtitle:hover a:hover,.m_subtitle:hover a{color:white;text-decoration:none; background:none;}
